<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚合</title>
    <!-- <link rel="stylesheet" href="../../css/onsenui.css"> -->
    <link rel="stylesheet" href="/Public/Home/css/ex/onsen-css-components.min.css">
    <link rel="stylesheet" href="/Public/Home/css/ex/global.css">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <!-- <link rel="stylesheet" href="../../css/polymerization.css"> -->
    <!-- <link rel="stylesheet" href="../../css/swiper.min.css"> -->
    <!-- <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css"> -->
    <style>
        body {
            background: #F1F3F4;
            font-size: 15px;
        }

        a {
            text-decoration: none;
        }

        p {
            margin: 0;
        }
        main{
            height:89%;
        }
        .container {
            background: #fff;
            margin-bottom: .3rem;
            padding: .2rem;
        }

        .account_ziliao {
            padding: .2rem 0 .1rem;
        }

        .account_ziliao div {
            display: inline-block;
        }

        /* asset */
        .account_info {
            display: flex;
            justify-content: space-around;
            align-items: center;
            font-size: 16px;
            line-height: 20px;
            width: 100%;
            padding: .1rem 0;
        }



        .addhr {
            height: .4rem;
            border: 0.5px solid #000;
        }

        .font_style {
            font-weight: bold;
        }

        /* card box  */
        .inline_display {
            display: inline-block;
        }

        .card_box {
            padding: .1rem;
            padding-bottom: .5rem;
            border: 1px solid black;
            width: 90%;
            margin: 0 auto;
            border-radius: 12px;
            background-color: #333;
            color: #E2BE7D;
            box-shadow: 2px 4px 3px #A9A9A9;
        }

    </style>

</head>

<body style="padding-top: 38px">

    <body class="view-main">
        <main>
            <div class="container">
                <div class="container_title">
                    <img src="/Public/Home/images/ex/exit.png" alt="" class="exit_btn" style="width:.7rem;">
                    <a href="../user/gonggao.html">
                        <img src="/Public/Home/images/ex/tixing.png" alt="" style="float: right;width:.7rem;">
                    </a>
                    
                </div>
                <div class="account_ziliao">
                    <div>
                        <img src="/Public/Home/images/ex/toux.png" alt="" width="40rem">
                    </div>
                    <div>
                        <span>项</span><br>
                        <span style="font-size: 13px;color: #a9a9a9;">上次登录2020-3-19 14:12:23</span>
                    </div>
                    <div style="float: right;margin-right: .1rem;">

                        <a href="./setting.html">
                            <span style="color: #E25A48;">设置</span>
                            <img src="/Public/Home/images/ex/arrow_right.png" alt="" width="15rem">
                        </a>
                    </div>
                </div>
            </div>

            <div class="container">

                <span style="border-left: 4px solid #E25A48;">&nbsp;理财信息</span>
                <div style="float: right;">
                    <span>币种</span>
                    <select name="" id="" disabled>
                        <option value="1">USD</option>
                    </select>
                </div>

                <div class="asset_box">
                    <div class="account_info">
                        <div>
                            <p class="font_style" style="color: red;">0.00</p>
                            <p>总金额</p>
                        </div>
                        <div class="addhr"></div>
                        <div>
                            <p class="font_style">0.00</p>
                            <p>本月金额</p>
                        </div>
                        <div class="addhr"></div>
                        <div>
                            <p class="font_style">0.00</p>
                            <p>累计收益</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card_box">
                <div class="inline_display">
                    <p>个人-储蓄账户</p>
                </div>
                <div class="inline_display" style="float: right;">
                    <span><u>未激活</u></span>
                </div>
                <div>
                    <h3 style="margin-bottom: 0;">1010001001000103548</h3>
                    <br>

                    <span style="font-size: 18px;line-height: .7rem">USD</span>
                    <input type="password" value="0.00"
                        style="outline: none;border: none;font-size: 24px;background: transparent;width: 20%;color: #E2BE7D;"
                        disabled>
                    <img id="lookPassword" src="/Public/Home/images/ex/downps.png" alt="" width="20rem">
                </div>

                <div style="float: right;">
                    <img src="/Public/Home/images/ex/codenew.png" alt="" width="20rem">
                </div>

            </div>
        </main>

        <footer class="footer" stlye="box-shadow: 0 0 0.05rem rgba(0, 0, 0, .3);">
            <ul style="background: #fff;">
                <li>
                    <a href="{:U('Property/index')}">
                        <div>
                            <img src="__IMG__/ex/zichan.png" alt="">
                        </div>
                        <p>资产</p>
                    </a>
                </li>
                <li>
                    <a href="{:U('Hangqing/index')}">
                        <div><img src="__IMG__/ex/hangqing.png" alt=""></div>
                        <p>行情</p>
                    </a>
                </li>
                <!--            <li>-->
                <!--                <a href="{:U('Discover/index')}">-->
                <!--                    <div><img src="__IMG__/ex/yingyong.png" alt=""></div>-->
                <!--                    <p>应用</p>-->
                <!--                </a>-->
                <!--            </li>-->
                <li>
                    <a href="{:U('User/index2')}">
                        <div><img src="__IMG__/ex/wode_active.png" alt=""></div>
                        <p class="active">我的</p>
                    </a>
                </li>
            </ul>
        </footer>


<!--        <div class="tabbar">-->
<!--            <label class="tabbar__item" onclick="tabbarLink('../../views/polymerization/index.html')">-->
<!--                <input type="radio" name="tabbar-a" checked="checked">-->
<!--                <button class="tabbar__button" id="tabbar_btn1">-->
<!--                    <img src="../../images/银行卡.png" alt="" width="30rem">-->
<!--                    <div class="tabbar__label">银行大厅</div>-->
<!--                </button>-->
<!--            </label>-->
<!--            <label class="tabbar__item">-->
<!--                <input type="radio" name="tabbar-a">-->
<!--                <button class="tabbar__button" id="tabbar_btn2">-->
<!--                    <img src="../../images/个人.png" alt="" width="30rem">-->
<!--                    <div class="tabbar__label">个人中心</div>-->
<!--                </button>-->
<!--            </label>-->
<!--        </div>-->
    </body>


    <!-- <script src="../../global/onsenui.min.js"></script> -->
    <script src="__COMMON__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Public/Home/js/global.js"></script>
    <script src="/Public/Home/js/layui.all.js"></script>
    <script>
        const handleLookPs = () => {
            let psFlag = true
            let ImagePs = document.querySelector('#lookPassword')
            let psInput = ImagePs.parentNode.children[3]
            console.log(psInput);

            ImagePs.onclick = function () {
                if (psFlag) {
                    psFlag = !psFlag
                    psInput.type = 'text'
                    this.src = '/Public/Home/images/ex/seeps.png'
                } else {
                    psFlag = !psFlag
                    psInput.type = 'password'
                    this.src = '/Public/Home/images/ex/downps.png'
                }

            }
        }
        handleLookPs();

        $('.exit_btn').click(function () {
            layer.confirm('您是否要退出账户', {
                btn: ['是', '否'] //按钮
            }, function () {
                layer.msg('退出成功', {
                    icon: 1
                });
            });
           
        });
    </script>
</body>

</html>